{include file="public/mobileheader"}
<style>
    body{
        padding-bottom: 3em;
    }
    .mui-icon{
        display: inline-block;
        text-align: center;
    }


    .small-list>a{
        color: #00ccff;
        display: inline-block;
        width: 33.3%;
        background: white;
        height: inherit;
        text-align: center;
        padding-top: 9px;
        float: left;
    }

    .mui-btn-block{
        padding: 7px 0;
    }
</style>

<body>
<header class="mui-bar mui-bar-nav">
    <a onclick="window.history.go(-1)" class="mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">修改密码</h1>
</header>
    <div class="mui-content" id="container">
        <form class="login-center">
            <div class="popup_span">
                <label class="popup_label">新密码</label>
                <input type="password" class="mui-input-clear popup_input" placeholder="请输入新密码"  name="newPassword"/>
            </div>
            <div class="popup_span">
                <label class="popup_label">确认新密码</label>
                <input type="password" class="mui-input-clear popup_input" placeholder="请确认新密码" name="rePassword" />
            </div>

            <button type="button" class="mui-btn mui-btn-success mui-btn-block" id="submit">提交</button>
        </form>
    </div>

{include file="public/mobilefooter"}
<script>
    $('#submit').on('click',function(){
        var params  = {
            url : "{:url('password')}",
            data: $('form').serialize(),
            type: 'post',
            sCallback:function(res){
                window.location.href = "{:url('index')}";
            }
        }
        common.request(params);
    });

</script>
</body>
</html>